<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <title>登录</title>
    <meta name="viewport" content="width=device-width, initial-scale=1 ,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <!-- 引入样式 -->
    <link rel="stylesheet" href="static/ydui/ydui.rem.css">
    <link rel="stylesheet" href="static/css/font-awesome.min.css">
    <link rel="stylesheet" href="static/css/main.css">
    <!-- 引入rem自适应类库 -->
    <script src="static/ydui/ydui.flexible.js"></script>
</head>
<body>
<div id="app" v-cloak style="height:100%;background-color: #fff;">
    <yd-layout>
        <div class="ox-login-title">登录账号</div>
        <div class="ox-login-sub-title">Welcome to login</div>
        <yd-cell-group class="ox-login-cell-group">
            <yd-cell-item>
                <span slot="left">账号：</span>
                <input slot="right" type="number" placeholder="请输入手机号" v-model="phone">
            </yd-cell-item>
            <yd-cell-item>
                <span slot="left">密码：</span>
                <yd-input slot="right" type="password" placeholder="请输入密码" v-model="password"></yd-input>
            </yd-cell-item>
        </yd-cell-group>

        <div class="yd-button">
            <yd-button size="large" type="hollow" class="ox-login-button" @click.native="login">登录</yd-button>
        </div>

        <!--div class="ox-login-sub-link"><a href="find-password.html">忘记密码？</a></div>

        <div class="ox-login-footer-link">还没有账号？<a href="register.html">立即设置</a></div-->
        <div style="margin-top: 0.4rem;font-size: 0.28rem;font-weight: 400;line-height: 0.4rem;">
            <div style="float: left;color:rgba(99,104,117,1);padding-left: 0.24rem;">还没有账号？<a href="register.html" style="color: #096db8;">立即注册</a></div>
            <div style="float: right;padding-right: 0.24rem;"><a href="find-password.html" style="color: #096db8;">忘记密码？</a></div>
            <div style="clear: both;"></div>
        </div>

    </yd-layout>
</div>
<script src="static/lib/jquery.min.js"></script>
<script src="static/lib/fastclick.js"></script>
<script>
    $(function() {
        FastClick.attach(document.body);
    });
</script>
<!-- 引入 Vue -->
<script src="static/lib/vue.min.js"></script>
<!-- 引入组件库 -->
<script src="static/ydui/ydui.rem.js"></script>
<script src="static/js/login.js"></script>
</body>
</html>